<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>2019.11.19作业</title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		
	</head>
	<body>
		<div class="layui-container">
			<div class="layui-row layui-col-space10">
				<div class="layui-col-md4">
				    <div class="layui-card-header">快捷方式</div>
					<div class="layui-card-body">
						<div class="layui-row layui-col-space5">
							<div class="layui-col-md3" align="center">
								<span class="layui-icon layui-icon-console layui-bg-gray" style="font-size: 50px;"></span> 
								<br>主页一
						    </div>
							<div class="layui-col-md3">
								<span class="layui-icon layui-icon-chart layui-bg-gray" style="font-size: 50px;"></span>
								<br>主页二
							</div>
							<div class="layui-col-md3">
								<span class="layui-icon layui-icon-template-1 layui-bg-gray" style="font-size: 50px;"></span>
								<br>弹层
							</div>
							<div class="layui-col-md3">
								<span class="layui-icon layui-icon-chat layui-bg-gray" style="font-size: 50px;"></span>
								<br>聊天
							</div>
						</div><br>
						<div class="layui-row layui-col-space5">
							<div class="layui-col-md3" align="center">
								<span class="layui-icon layui-icon-find-fill layui-bg-gray" style="font-size: 50px;"></span>
								<br>进度条
						    </div>
							<div class="layui-col-md3">
								<span class="layui-icon layui-icon-survey layui-bg-gray" style="font-size: 50px;"></span>
								<br>工单
							</div>
							<div class="layui-col-md3">
								<span class="layui-icon layui-icon-user layui-bg-gray" style="font-size: 50px;"></span>
								<br>用户
							</div>
							<div class="layui-col-md3">
								<span class="layui-icon layui-icon-set layui-bg-gray" style="font-size: 50px;"></span>
								<br>设置
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-md4">
					<div class="layui-card-header">待办事项</div>
					<div class="layui-card-body">
						<div class="layui-row layui-col-space10">
							<div class="layui-col-md6 layui-bg-gray" style="width:45%;margin-left: 10px;">
								待审评论<br><br>
								<span style="font-size: 35px;color: #009688;">66</span>
							</div>
							<div class="layui-col-md6 layui-bg-gray" style="width:45%;margin-left: 10px;">
								待审帖子<br><br>
								<span style="font-size: 35px;color: #009688;">12</span>
							</div>
						</div>
						<div class="layui-row layui-col-space10">
							<div class="layui-col-md6 layui-bg-gray" style="width:45%;margin-left: 10px;margin-top: 10px;">
								待审商品<br><br>
								<span style="font-size: 35px;color: #009688;">99</span>
							</div>
							<div class="layui-col-md6 layui-bg-gray" style="width:45%;margin-left: 10px;margin-top: 10px;">
								待发货<br><br>
								<span style="font-size: 35px;color: #009688;">20</span>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-md4">
					<div class="layui-card-header">版本信息</div>
					<div class="layui-card-body">
						<table class="layui-table">
							<tr>
								<td>当前版本</td>
								<td>v1.2.1pro&nbsp;&nbsp;<a href="#" style="color: blue;">更新日志</a></td>
							</tr>
							<tr>
								<td>基于框架</td>
								<td>layui-v2.45</td>
							</tr>
							<tr>
								<td>主要特色</td>
								<td>单页面/响应式/清爽/简洁</td>
							</tr>
							<tr>
								<td>获取渠道</td>
								<td>
									<a href="#" class="layui-btn layui-btn-sm layui-bg-red"><span></span>获取授权</a>
									<a href="#" class="layui-btn layui-btn-sm layui-bg-green">立即下载</a>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
	<script>document.write('<script src="//' + (location.host || 'localhost').split(':')[0] + ':35929/livereload.js?snipver=1"></' + 'script>')</script><script>document.addEventListener('LiveReloadDisconnect', function() { setTimeout(function() { window.location.reload(); }, 500); })</script></body>
</html>